<template>
  <div class="app-container">
    <el-button style="margin-left: 0px;color: black" size="mini" @click="demo()">Code-View-Vue</el-button>
    <el-button style="margin-left: 0px;color: black" size="mini" @click="demoVuep()">Demo-Vuep</el-button>
    <demo ref="demo"></demo>
    <demo-vuep ref="demoVuep"></demo-vuep>
  </div>
</template>

<script>
import demo from "@/views/demos/dialog/demo.vue";
import demoVuep from "@/views/demos/dialog/demo-vuep.vue";

export default {
  name: "burying",
  components: {
    demo,
    demoVuep,
  },
  data() {
    return {}
  },
  methods: {
    demo() {
      this.$refs.demo.load();
    },
    demoVuep() {
      this.$refs.demoVuep.load();
    }
  }
}
</script>

<style>

</style>
